<template>
    <div class="payok">
        <div class="iconfont icon-zuo  top"></div>
        <div class="center ">
            <div class="iconfont icon-dagou gou" ></div>
            <div class="txtf">支付成功</div>
            <div class="txts">支付定金立即生效</div>
            <div class="txtt">支付定金后为您的房租保留24小时</div>

        </div>
    </div>
</template>

<script>
    import '@/css/payok.css';
    export default {
        name: "payok"
    }
</script>

<style lang="scss" scoped>
    @import '@/css/public.scss';
    .payok{
        font-family:"Microsoft YaHei";
        display: flex;
        flex-direction:column;
        .top{
            width: 100%;
            height: vw(40);
            font-size: vw(22);
            color: #000000;
            line-height: vw(40);
            text-align: left;
            padding-left: vw(10);
            margin-top: vw(10);
            margin-bottom: vw(190);

        }
        .center {
            width: vw(270);
            height: vw(350);
            margin: 0 auto;
            .gou{
                text-align: center;
                color: #80e250;
                font-size: vw(50);
                margin-bottom: vw(10);
            }
            .txtf {
                height: vw(30);
                width: 100%;
                text-align: center;
                font-size: vw(30);
                line-height: vw(30);
                color: #000000;
                margin-bottom: vw(15);
            }
            .txts {
                height: vw(33);
                width: 100%;
                text-align: center;
                font-size: vw(33);
                line-height: vw(33);
                color: #3a3a3a;
                margin-bottom: vw(10)
            }
            .txtt {
                height: vw(20);
                width: 100%;
                text-align: center;
                font-size: vw(14);
                line-height: vw(20);
                color: #1f1f1f;
                font-weight: bold;
                margin-bottom: vw(40);
            }
        }

    }
</style>